<div class="el-date-picker" ng-class="{ 'is-open': isOpen }">
  <div class="el-date-editor el-input el-input--prefix el-input--suffix el-date-editor--date" ng-class="[ size ? 'el-input--' + size : '' ]">
    <input class="el-input__inner" type="text" readonly placeholder="{{ placeholder }}"
      value="{{ date | date: 'yyyy-MM-dd' }}" ng-click="toggle()">
    <span class="el-input__prefix">
      <i class="el-icon-date el-input__icon"></i>
    </span>
    <span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-input__icon"
          ng-class="{ 'el-icon-circle-close': date }" ng-click="clear()"></i></span></span>
  </div>

  <div class="el-picker-panel el-date-picker el-popper" ng-show="isOpen">
    <div class="el-picker-panel__body-wrapper">
      <div class="el-picker-panel__body">
        <div class="el-date-picker__header">
          <button type="button" aria-label="前一年"
            class="el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-d-arrow-left"
            ng-click="changeYear(-1)"></button>
          <button type="button" aria-label="上个月"
            class="el-picker-panel__icon-btn el-date-picker__prev-btn el-icon-arrow-left"
            ng-click="changeMonth(-1)"></button>
          <span>{{ currentMonth | date: 'yyyy年MM月' }}</span>
          <button type="button" aria-label="后一年"
            class="el-picker-panel__icon-btn el-date-picker__next-btn el-icon-d-arrow-right"
            ng-click="changeYear(1)"></button>
          <button type="button" aria-label="下个月"
            class="el-picker-panel__icon-btn el-date-picker__next-btn el-icon-arrow-right"
            ng-click="changeMonth(1)"></button>
        </div>
        <div class="el-picker-panel__content">
          <table class="el-date-table">
            <thead>
              <tr>
                <th ng-repeat="day in ['日','一','二','三','四','五','六']">{{ day }}</th>
              </tr>
            </thead>
            <tbody>
              <tr ng-repeat="week in calendar">
                <td ng-repeat="day in week" ng-class="{
                    'prev-month': !day.isCurrentMonth,
                    'next-month': !day.isCurrentMonth,
                    'current': day.isToday,
                    'selected': day.isSelected
                  }" ng-click="selectDate(day.date)">
                  <span>{{ day.date | date: 'd' }}</span>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>